﻿<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
<meta charset="UTF-8">
<title>家校互通 - 分组列表</title>
<script type="text/javascript" src="../../../assets/inc/common-meta.inc"></script>
<script type="text/javascript" src="../../../assets/inc/common-css.inc"></script>
<link href="../../../assets/plugins/select2/css/select2.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="../../../assets/plugins/select2/css/select2-bootstrap.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="../../../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css"
	rel="stylesheet" type="text/css" />
<style>
.page-quick-sidebar-wrapper {
	top: 50px;
	bottom: 30px;
	width: 400px;
	right: -400px;
	padding: 0px;
	color: #000;
	background: #fff;
	border: 2px solid #C1C1C1;
	border-radius: 6px 0 0 6px;
	border-right-width: 0px;
	box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
}

.portlet.box {
	border: none;
}

.portlet.box>.portlet-title {
	background-color: #525e64;
	border-radius: 6px 0px 0px 0px;
}

.fa {
	margin-left: 15px;
}

.none {
	display: none;
}

.text-right {
	text-align: right;
}
</style>
</head>
<!-- END HEAD -->

<body
	class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
	<!-- page-top.html -->
	<div class="page-container">
		<!-- page-left.html -->
		<div class="page-content-wrapper">
			<div class="page-content" id="app">
				<div class="page-bar">
					<ul class="page-breadcrumb">
						<li><a href="#">主页</a> <i class="fa fa-angle-right"></i></li>
						<li><a href="#">消息管理</a> <i class="fa fa-angle-right"></i></li>
						<li><span>消息详情</span></li>
					</ul>
				</div>

				<div class="page-title"></div>
				<div class="portlet box default">
					<div class="portlet-title">
						<div class="caption">
							<i class="fa fa-gift"></i>消息详情
						</div>
					</div>
				</div>

				<div class="portlet light bordered">
					<div class="row">
						<div class="col-md-6 form-group">
							<div class="col-md-2 text-right">发送时间:</div>
							<div class="col-md-4">2017-05-22 14:05</div>
						</div>
						<div class="col-md-6 form-group">
							<div class="col-md-2 text-right">发送者:</div>
							<div class="col-md-4">查良镛</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6">
							<div class="col-md-2 text-right">标签:</div>
							<div class="col-md-4">放假，考试，期末</div>
						</div>
					</div>
				</div>
				<div class="portlet light bordered">
					<div class="portlet-title">
						<div class="caption">
							<i class="fa fa-info"></i> <span
								class="caption-subject font-dark bold uppercase">内容</span>
						</div>
					</div>
					<div class="portlet-body">
						各年级组，各年级，各班级，期末考试以及暑假放假安排如下。各年级组，各年级，各班级，期末考试以及暑假放假安排如下。
						各年级组，各年级，各班级，期末考试以及暑假放假安排如下。各年级组，各年级，各班级，期末考试以及暑假放假安排如下。
						各年级组，各年级，各班级，期末考试以及暑假放假安排如下。各年级组，各年级，各班级，期末考试以及暑假放假安排如下。
						各年级组，各年级，各班级，期末考试以及暑假放假安排如下。各年级组，各年级，各班级，期末考试以及暑假放假安排如下。
						各年级组，各年级，各班级，期末考试以及暑假放假安排如下。各年级组，各年级，各班级，期末考试以及暑假放假安排如下。
						各年级组，各年级，各班级，期末考试以及暑假放假安排如下。各年级组，各年级，各班级，期末考试以及暑假放假安排如下。
						各年级组，各年级，各班级，期末考试以及暑假放假安排如下。各年级组，各年级，各班级，期末考试以及暑假放假安排如下。
						各年级组，各年级，各班级，期末考试以及暑假放假安排如下。各年级组，各年级，各班级，期末考试以及暑假放假安排如下。
						各年级组，各年级，各班级，期末考试以及暑假放假安排如下。
					</div>
				</div>
				<div class="portlet light bordered">
					<div class="portlet-title">
						<div class="caption">
							<i class="fa fa-users"></i> <span
								class="caption-subject font-dark bold uppercase">接收对象</span>
						</div>
					</div>
					<div class="portlet-body">
						<table
							class="table table-striped table-bordered table-hover table-header-fixed "
							id="sample_1" role="grid" aria-describedby="sample_1_info">
							<thead>
								<tr role="row">
									<th aria-controls="sample_1" class="center">姓名</th>
									<th aria-controls="sample_1" class="center">职务</th>
								</tr>
							</thead>
							<tbody>
								<tr class="gradeX odd" role="row" v-cloak>
									<td>周伯通</td>
									<td>后勤部长</td>
								</tr>
								<tr class="gradeX odd" role="row">
									<td>郭冬临</td>
									<td>保安队长</td>
								</tr>
								<tr class="gradeX odd" role="row">
									<td>黄飞鸿</td>
									<td>年级主任</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- page-bottom.html -->
	<script type="text/javascript" src="../../../assets/inc/common-js.inc"></script>
	<script type="text/javascript"
		src="../../../assets/plugins/select2/js/select2.full.min.js"></script>
	<script
		src="../../../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"
		type="text/javascript"></script>
	<script
		src="../../../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
		type="text/javascript"></script>
	<script type="text/javascript" src="../sch-data.js"></script>
	<script type="text/javascript"
		src="../../../assets/global/scripts/vue-util.js"></script>
	<script type="text/javascript" src="script/list.js"></script>
</body>

</html>
